/* Start layout CSS */
.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{    /* General rules for both standard column header and mouse on header of sortable columns */
    cursor:pointer;
    border-bottom:3px solid #C5C2B2;
    border-right:1px solid #ACA899;
    border-left:1px solid #FFF;
    background-color: #ECE9D8;
}

.tableWidget_headerCell{    /* Standard column header */
    border-top:2px solid #ECE9D8;
}

.tableWigdet_headerCellOver{    /* Rollover on sortable column header */
    border-top:2px solid #638BB5;
}

.tableWidget tbody .tableWidget_dataRollOver{   /* Rollover style on mouse over (Data) */
    background-color:#FFF;  /* No mouseover color in this example - specify another color if you want this */
}

.tableWigdet_headerCellDown{
    border-top:2px solid #638BB5;
    background-color:#DBD8C5;
    border-left:1px solid #ACA899;
    border-right:1px solid #FFF;
}

.tableWidget td{
    margin:0px;
    padding:2px;
    border-bottom:1px solid #EAE9E1;    /* Border bottom of table data cells */
    border-right:1px solid #ACA899;
    cursor: pointer;
}

.tableWidget p{
    margin: 0px;
    padding: 0px;
}

.tableWidget tbody{
    background-color:#FFF;
}
.tableWidget{
    font-size: 12px;
    width:400px;
}

/* End layout CSS */


div.widget_tableDiv {
    border:1px solid #ACA899;   /* Border around entire widget */
    height: 200px;
    overflow: auto;
    width:400px;
    max-height: 230px;
}

div.widget_tableDiv {
    overflow: hidden;
    width:400px;
}

.tableWidget thead{
    position:relative;
}

.tableWidget thead tr{
    position:relative;
    top:0px;
    bottom:0px;
}

.tableWidget .scrollingContent{
/*     overflow: auto; */
    width:100%;
}